<template>
	<view class="content">
		<view class="train-content" v-if="!noData">
			<project :dataList="projectInfo"></project>
			<scheme :schemeInfo="schemeListData" :projectId="projectId" :projectUserId="projectUserId"></scheme>
		</view>
	</view>
</template>

<script>
	import project from '@/components/train/project.vue';
	import subscribe from '@/components/train/subscribe.vue';
	import scheme from '@/components/train/scheme.vue';
	import record from '@/components/train/record.vue';
	export default {
		components: {
			project,
			subscribe,
			scheme,
			record
		},
		data() {
			return {
				schemeListData: {},
				projectInfo: [],
				reserveListData: [],
				projectList: [],
				trainInfo: {},
				totalReserveNumber: 0,
				noData: false,
				projectId: "",
				projectUserId: "",
				projectState: "",
				progressProjectUserId: "1",
				dropVisabled: false,
				selectedIds: [],
			}
		},
		onLoad() {

		},
		methods: {
		}
	}
</script>

<style>
	page,
	view {
		display: flex;
	}

	page {
		flex: 1;
		min-height: 100%;
		min-width: 100%;
	}

	.content,
	page {
		background-color: #f2f3f5;
	}

	.content {
		flex: 1;
		flex-direction: column;
		width: 100%;
	}

	.train-content {
		flex-direction: column;
		margin-top: 10rpx;
	}

	.head {
		align-items: center;
		flex-direction: row;
		height: 100rpx;
		justify-content: space-between;
		width: 100%;
	}

	.title {
		color: #000;
		font-size: 40rpx;
		margin-left: 32rpx;
	}

	.scroll-wrap,
	.title {
		flex: 1;
	}

	.scroll-wrap {
		position: relative;
	}

	.scroll {
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	}

	.nodata,
	.scroll {
		position: absolute;
	}

	.nodata {
		align-items: center;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.no_project_img {
		height: 280rpx;
		margin-bottom: 28rpx;
		width: 400rpx;
	}

	.no_project_text {
		color: #000;
		font-size: 26rpx;
		opacity: 0.38;
	}

	.status_bar {
		height: 110rpx;
		width: 100%;
	}

	.scan-code {
		align-items: center;
		background-color: #fa5150;
		border-radius: 50%;
		bottom: 130rpx;
		box-shadow: 0 4px 4px 1px #f9dada;
		cursor: pointer;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		height: 120rpx;
		justify-content: center;
		position: fixed;
		right: 20rpx;
		width: 120rpx;
	}

	.scan-code .img {
		height: 50rpx;
		margin-bottom: 4rpx;
		width: 48rpx;
	}

	.scan-code .text {
		color: #fff;
		font-size: 24rpx;
	}
</style>